<template>
  <div class="essentialin" v-if="hotel_detail">
      <div class="basic">
            <div class="data_one">基本信息</div>
            <div class="data_two">
                <span>入住时间 14:00之后</span>
                <span>离店时间 12:00之前</span>
                <span>{{hotel_detail.creation_time}}</span>
                <span>酒店规模: {{hotel_detail.roomCount}}间客房</span>
            </div>
        </div>
        <div class="basic">
            <div class="data_one">主要设施</div>
            <div class="data_three">
                <span v-if="hotel_detail.hotelassets.length==0" >-</span>
                <div v-else><span v-for="(item,index) in hotel_detail.hotelassets" :key="index">{{item.name}}</span></div>
            </div>
        </div>
        <div class="basic">
            <div class="data_one">停车信息</div>
            <div class="data_flur">
                <span>-</span>
            </div>
        </div>
        <div class="basic">
            <div class="data_one">品牌信息</div>
            <div class="data_flur">
                <span v-if="hotel_detail.hotelbrand">{{hotel_detail.hotelbrand.name}}</span>
                <span v-else>-</span>
            </div>
        </div>
  </div>
</template>

<script>
export default {
    props: ['hotel_detail'],
}
</script>

<style lang="less" scoped>
.essentialin {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 40px;
    .basic {
        line-height: 50px;
        height: 50px;
        border-bottom: 1px solid #e2e1e1;
        display: flex;
        .data_one {
            width: 180px;
        }
        .data_two {
            display: flex;
            justify-content: space-between;
            width: 700px;
        }  
        .data_three {
            span {
                padding: 3px 10px;
                background: #f4f0f0;
                border-radius: 3px;
                font-size: 12px;
                margin-right: 10px;
            }
        } 
        .data_flur {
            span {
                font-size: 13px;
                padding-right: 15px;
            }
        }
    }
}

</style>